<template>
	<div class="lm-adviser-item">
		<div class="lm-adviser-msg" :class="{'is-customer': item.isCustomer}">
			<!-- <svg-icon :iconClass="item.isCustomer ? 'customer' : 'self'" class="icon"></svg-icon> -->
			{{item.message.content}}
		</div>
	</div>
</template>

<script>
export default {
	name: 'LmAdviserItem',
	props: {
		item: Object
	},
	data() {
		return {
		}
	}
}
</script>

<style lang="scss" scoped>
.lm-adviser-item{
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	.lm-adviser-msg{
		max-width: 86%;
		color: #fff;
		padding: 8px 12px;
		background: #4686F2;
		border-radius: 4px;
		.icon{
			margin-right: 6px;
		}
		&.is-customer{
			background: #46B8F2;
		}
	}
}
</style>